  .px2rem(@name, @px) {
   @{name}: @px / 75 * 1rem;
}

.haowu-top{
	.px2rem(height,90);
	width: 100%;
	border-bottom: 1px solid #ccc;
	background: #fafafa;
	display: flex;
	align-items: center;
	justify-content: space-around; 
	text-align: center;
	position: fixed;
	top:0;
	z-index:100;
	.px2rem(font-size,30);
	.haowu-left{
		 width:4em;
		 
	}
	.haowu-center{
        flex:1; 
        .px2rem(font-size,35);
    }
     .haowu-right{
        width:4em;
    }
    img{
    	.px2rem(width,50);
    	.px2rem(height,50);

    }
}

.haowu-box{
    .px2rem(margin-top,90);
	.px2rem(padding-top,20);
	.px2rem(padding-left,18);
	.px2rem(padding-right,18);
	border-bottom: 1px solid #ccc;
	.haowu-logo{
		display: flex;
		justify-content: center;
	}
	.haowu-center{
		ul{
			display: flex;
			justify-content:space-between;
			.px2rem(padding-top,20);
		}
		h2{
			.px2rem(padding-top,40);
			.px2rem(padding-bottom,20);
		}
	}
}

.haowu-warp{
	.px2rem(padding-top,20);
	.px2rem(padding-left,18);
	.px2rem(padding-right,18);
	border-bottom: 1px solid #ccc;
	h2{
			.px2rem(padding-top,40);
			.px2rem(padding-bottom,20);
		}
	
}

.haowu-mao{
	.px2rem(padding-top,20);
	.px2rem(padding-left,18);
	.px2rem(padding-right,18);
	border-bottom: 1px solid #ccc;
	.haowu-wwuu{
		display: flex;
		justify-content: center;
	}
	.haowu-qwe{
		ul{
			display: flex;
			justify-content:space-between;
			.px2rem(padding-top,20);
		}
		h2{
			.px2rem(padding-top,40);
			.px2rem(padding-bottom,20);
		}
	}
}

.haowu-shujia{
	.px2rem(padding-top,20);
	.px2rem(padding-left,18);
	.px2rem(padding-right,18);
	border-bottom: 1px solid #ccc;
	.haowu-ss{
		display: flex;
		justify-content: center;
	}
	.haowu-asd{
		ul{
			display: flex;
			justify-content:space-between;
			.px2rem(padding-top,20);
		}
		h2{
			.px2rem(padding-top,40);
			.px2rem(padding-bottom,20);
		}
	}
}
footer{
	position: fixed;
	bottom: 0;
	width: 100%;
	.px2rem(height,120);
	background: #ffffff;
	dl{
		.px2rem(padding-top,20);
		width: 20%;
		float: left;
		dt{
			display: flex;
			justify-content: center;
			img{
				.px2rem(height,48);
				.px2rem(width,40);
			}
		}
		dd{
			display: flex;
			justify-content: center;
			.px2rem(padding-top,15);
		}
	}
}
